<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登陆</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/incss.css" />

	</head>
	<body>
		<p align="center" class="title_p">请输入你的手机号</p>
		<div class="dlall">
			<div class="dldiv1">选择小区:</div>
			<div class="dldiv2">
				<select style="width: 85%;">
					<option>请选择您的小区</option>
					<option></option>
					<option></option>
					<option></option>
				</select>
			</div>
			<hr />
			<div class="dldiv1">手机号:</div>

			<div class="dldiv2"><input type="tel" placeholder="请输入您的手机号"></div>
			<hr />
			<div class="dldiv1">验证码:</div>
			<div class="dldiv2">
				<form>
					<input type="text" class="c_code_msg" style="margin-right: 10px;" type="tel" placeholder="验证码">
					<span class="msgs">
		 获取验证码</span>
				</form>

			</div>
			<hr />
		</div>
		<a href="html/gljt.html">
			<div class="dlsq">
				提交环保协会授权
			</div>
		</a>
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript">
			$(function() {
				//获取短信验证码
				var validCode = true;
				$(".msgs").click(function() {
					var time = 30;
					var code = $(this);
					if(validCode) {
						validCode = false;
						code.addClass("msgs1");
						var t = setInterval(function() {
							time--;
							code.html(time + "秒");
							if(time == 0) {
								clearInterval(t);
								code.html("重新获取");
								validCode = true;
								code.removeClass("msgs1");

							}
						}, 1000)
					}
				})
			})
		</script>
	</body>

</html>